<template>
    <view class="guide-mask">
        <view class="skip-btn" @click="$emit('skip')"><u-image src="/static/guide/3.png" width="163" height="90"></u-image></view>
        <view class="regsiter-btn" @click="$emit('option')">
            <u-image src="/static/guide/1.png" width="617" height="227"></u-image>
        </view>
    </view>
</template>

<script lang="ts" setup>
defineEmits(['skip', 'option'])
</script>

<style scoped lang="scss">
.guide-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(#000000, 0.3);
    z-index: 999;
    .skip-btn {
        position: absolute;
        right: 60rpx;
        top: calc(var(--status-bar-height) + 70px);
    }
    .regsiter-btn {
        position: absolute;
        bottom: 110rpx;
        width: 100vw;
        display: flex;
        justify-content: center;
    }
}
</style>
